<ion-view >
	
<header  class="user-defined-header user-header-style2 bar" >
		<a class="button button-clear icon ion-ios-arrow-left" href="#/tab/account" ></a>
			<h1 class="title">茶币商城</h1>
</header>

<header  class="bar bar-subheader  bar-stable bar-mycolor " >
	<div class="row row-center bk-white row-margin">
		<div class="content-center">
			<button class="bt-style2" ng-class="{'bt-active2':get_b_area}" ng-click="changeToGetB()">赚茶币</button>
			<button class="bt-style2" ng-class="{'bt-active2':tea_b_area}" ng-click="changeToTeaB()">茶币商城</button>
		</div>
	</div>
</header>

<ion-content class="has-subheader bk-gray" >
	<div class="margin-top-20px height_100px text_center_in_horizon bk_green_bg">
		<div class="center_in_vertical">
			<p class="white_sky_ground_big_font">27892</p>
			<p class="white_small_font margin_top_5px"><span class="margin_10px ion ion-image"></span>我的茶币</p>
		</div>
	</div>

	<div ng-show="tea_b_area">
		

		<div class="title-style-tip title-tip-red margin-top-20px" id="product-title-tip">
	      	 	<div class="title-hr"></div>
	      		<span class="tip-title">茶币抢购</span>
	    </div>

	  	<ion-list>
	  		<ion-item href="#">
	  			<div class="row bk_white_bg">

					<div class="col col-20">
						<img class="box_60x60px" src="img/mike.png">
					</div>

					<div class="col col-67">
						<p><a class="black_medium_font">大一经典7542<span class="float-right"><span class="ion ion-clock"></span>仅剩2天13小时</span></a></p>
						<p><a class="gray_small_font">规格256克x1(剩余10)<span class="float-right">需要茶币<span class="red-content">1000</span></span></a></p>
						<p><a class="blue_small_font">了解规则</a></p>
					</div>

					<div class="col col-20" ng-click="showPopup()">
							<a class="radius_bk_red white_medium_font float-right">
								抢
							</a>
					</div>

				</div>
	  		</ion-item>

	  		<ion-item href="#">
	  			<div class="row bk_white_bg">

					<div class="col col-20">
						<img class="box_60x60px" src="img/mike.png">
					</div>

					<div class="col col-67">
						<p><a class="black_medium_font">大一经典7542<span class="float-right"><span class="ion ion-clock"></span>活动已结束</span></a></p>
						<p><a class="gray_small_font">规格256克x1<span class="float-right"><span ng-click="goToSuccessfulList()" class="red-content">查看抢购</span></span></a></p>
						<p><a class="blue_small_font">了解规则</a></p>
					</div>

					<div class="col col-20">
							<a class="radius_bk_gary white_medium_font float-right">
								抢
							</a>
					</div>

				</div>
	  		</ion-item>
	  	</ion-list>
		


		<div class="title-style-tip title-tip-red margin-top-20px" id="product-title-tip">
	      	 	<div class="title-hr"></div>
	      		<span class="tip-title">茶币抢拍</span>
	    </div>

	    <ion-list>

	    	<ion-item href="#">
	  			<div class="row bk_white_bg">

					<div class="col col-20">
						<img class="box_60x60px" src="img/mike.png">
					</div>

					<div class="col col-67">
						<p><a class="black_medium_font">大一经典7542</a></p>
						<p><a class="gray_small_font">规格256克x1(剩余10)<span class="float-right">起拍茶币<span class="red-content">1000</span></span></a></p>
						<p><a class="red_small_font">（价值￥1500）</a></p>
						<p><a class="blue_small_font">了解规则<span class="black_small_font float-right"><span class="ion ion-clock"></span>仅剩2天13小时</span></a></p>
					</div>

					<div class="col col-20">
							<a class="radius_bk_red white_medium_font float-right">
								拍
							</a>
					</div>

				</div>
	  		</ion-item>

	    	<ion-item href="#">
	  			<div class="row bk_white_bg">

					<div class="col col-20">
						<img class="box_60x60px" src="img/mike.png">
					</div>

					<div class="col col-67">
						<p><a class="black_medium_font">大一经典7542</a></p>
						<p><a class="gray_small_font">规格256克x1(剩余10)<span class="float-right"><span class="red-content">查看抢拍</span></span></a></p>
						<p><a class="red_small_font">（价值￥1500）</a></p>
						<p><a class="blue_small_font">了解规则<span class="black_small_font float-right"><span class="ion ion-clock"></span>活动已结束</span></a></p>
					</div>

					<div class="col col-20">
							<a class="radius_bk_gary white_medium_font float-right">
								拍
							</a>
					</div>

				</div>
	  		</ion-item>
	    	
		</ion-list>
	</div>

	<div ng-show="get_b_area">
		
		<div class="title-style-tip title-tip-red margin-top-20px" id="product-title-tip">
	      	 	<div class="title-hr"></div>
	      		<span class="tip-title">怎样赚茶币</span>
	    </div>

	    <ion-list>

	    	<ion-item><p>完善资料0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

	    	<ion-item><p>每日分享0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

	    	<ion-item><p>关注添加朋友0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

	    	<ion-item><p>发帖0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

	    	<ion-item><p>推荐精华帖0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

	    	<ion-item><p>发表跟帖0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

	    	<ion-item><p>点赞0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

	    	<ion-item><p>每日签到0/1<span class="float-right red_medium_font">+100茶币<span class="gray_content ion ion-chevron-right margin_left_10px"></span></span></p></ion-item>

		</ion-list>

	</div>

	
</ion-content >

</ion-view>